.detail-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  margin: 20px;

  &__user {
    display: flex;
    flex-direction: column;
    width: 35%;
    margin: 20px 50px;
    &__operation-section {
      button {
        margin: 20px 10px;
      }

      &:first-child {
        margin-left: 0;
      }
    }
  }

  &__agora {
    display: flex;
    width: 50%;
    margin: 50px 10px;
    &__container {
      width: 100%;
      height: 400px;
    }

  }
}
